草庐IT

html - 影响 div :hover with another div

全部标签

javascript - Google map 在 div 中时不起作用

我正在尝试使用GoogleMapsAPI,而要包含map的div只有在不在另一个div中时才有效。我用两个map创建了一个小示例代码,第一个有效,第二个无效。如果我删除这段代码的文档类型,两者都有效。有什么想法吗?html{height:100%}body{height:100%;margin:0px;padding:0px}#map_canvas{height:50%}#map_canvas2{height:50%}Mapfunctioninitialize(){varlatlng=newgoogle.maps.LatLng(20,20);varmyOptions={zoom:8,c

javascript - 使用 javascript 或 jquery 水平滚动 div onclick

过去两天我一直在为此寻找一个简单的javascript或jquery代码。我想合并一个使用javascript或jquery的水平滚动div来显示我的网络作品集工作页面的图像和描述性文本。它的功能与这里显示的glide-onclick滚动非常相似:http://www.dyn-web.com/code/scroll/demos.php#horiz不幸的是,代码许可证是40美元,而我是一个破产的学生。在加载页面时,将显示三个投资组合图像。额外内容隐藏在右侧的溢出部分中。点击左箭头(我可以创建),一个新的图像幻灯片从右侧进入View。单击右箭头会将其送回溢出。我不需要滚动条,只需要控制幻灯

javascript - 您如何以编程方式确定 HTML 对象可以监听哪些事件?

我一直在查看developer.mozilla.org上的文档和Apple开发文档,但我找不到说明您是否可以通过编程方式确定特定HTML标记是否支持给定eventListener的文档。就像我知道标签不支持点击监听器,因为没有什么可以点击,但我怎么知道呢?或者除此之外,是否有关于每个标签支持哪些事件的简单引用? 最佳答案 根据PerfectionKills,除了少数极端情况,是的,您可以:Thetrickisthatmanymodernbrowsersreportpropertycorrespondingtoaneventnamea

javascript - Chrome 扩展 : Replace HTML before loading the page

我有一个关于如何使用Chrome扩展程序更改网页的问题。阅读一些信息后,我认为问题是如何操作DOM。假设我用Chrome打开www.stackoverflow并想替换以下代码行:并将其替换为:我的问题不是这样做是否明智,而是如何去做? 最佳答案 尝试修改list文件的run_at字符串。在“document_start”的情况下,文件在来自css的任何文件之后注入(inject),但在构建任何其他DOM或运行任何其他脚本之前。https://developer.chrome.com/docs/extensions/mv2/conte

javascript - 基于 JS/HTML5 Webkit 的移动开发的轻量级 UI 框架,具有良好的列表性能

我的问题与LookingforarecommendationforalightweightmobileHTML5/JavaScriptframework略有不同我正在加入一个针对ipad的JS/HTML5项目,目前使用Backbone.js进行MVC,使用Zepto进行dom操作。他们对jQueryMobile进行了试验,发现列表性能不尽如人意。基本上我正在寻找一个具有非病毒操作系统许可的替代移动JavascriptUI框架(Sencha似乎与gpl3一起出现,我想要一些纯粹专注于ui小部件的东西),它提供了高性能的动态列表和一个通用的iOS风格ui小部件集。我确实有使用enyo的经验

javascript - $(window).blur 事件影响 Iframe

我想检测用户何时离开我的页面(例如打开一个新标签页),以便我可以停止倒计时。我使用:$(window).blur(function(){//stopcountdown});但是我的页面中有一个Iframe,当用户点击它时倒计时也会停止,但我不希望当有人点击Iframe时执行上述事件。有什么想法吗?更新,我正在尝试更多,基于这个答案Click-eventoniframe?:iframeDoc=$('iframe').contents().get(0);$(iframeDoc).click(function(){//mayberemoveblurevent?});更新:TimB解决方案有效

javascript - 开源 scorm 播放器纯 javascript 和 html?

有没有纯javascript和html的scorm播放器。我确实不想为此使用任何服务器端语言。我找到了一个开源Scormpool但它只是在玩scorm而不是跟踪。并且没有可用的文档。如果你们知道请帮助。 最佳答案 这也可以帮助您入门,或者您可以根据自己的需要对其进行定制。https://github.com/skfriese/simple-scorm-api这是一个基本的SCORM1.2-onlyRTE测试环境,位于一个HTML文件中,是我多年前根据自己的需要创建的。我最近才选择清理它以与他人分享。很容易将其放入您的包文件夹并从那里

javascript - 我将所有内容都保存在外部 .js 文件中。但并非所有功能都在每个页面上使用。这会影响速度吗?

我的应用程序的JavaScript/jQuery包含在外部scripts.js文件中。它通常看起来像这样:$('document').on('ready',function(){giraffe();elephant();zebra();});functiongiraffe(){//code}functionelephant(){//code}functionzebra(){//code}giraffe()仅用于/animal/giraffe可用的Viewelephant()仅用于/animal/elephant可用的Viewzebra()仅用于/animal/zebra可用的View,

javascript - 无法在 AJAX 中使用来自成功函数的 div

我不知道为什么这对我不起作用。}).success(function(data){if(data.status=='success'){//$("#useravatar").empty();for(i=0;i'+data.avatar[i]+'');vardropDiv=$('#av'+data.id[i]);//Codefromheredontwork.Noerror.triedalert(data.id[i]);andisfine.dropDiv.css({left:130,top:-190,opacity:0,display:'inline'}).animate({left:5,

javascript - 在具 Angular html 容器中捕获焦点

我正在构建一个可访问的网站并尝试管理焦点。我需要打开一个模式,然后将焦点放在模式中的第一个元素上,然后捕获焦点,直到模式关闭(“取消”或“接受”)。HTMLOpenModalTermsofServiceLoremIpsumLoremIpsumLoremIpsumLoremIpsumCancelAccept/span>SeprateContentJavascriptangular.module('app').controller('Controller',modalCtrl);functionmodalCtrl(){$scope.modal={open:function(){angula